;
(function () {
  // 创建echarts实例
  let myChart = echarts.init(document.querySelector(".main .column:nth-of-type(1) .box:nth-of-type(3)"));
  let option = {
    backgroundColor: 'rgba(0,0,0,0)',
    tooltip: {
      trigger: 'item',
      formatter: "{b}  <br/>{c}%"
    },
    legend: {
      x: 'center',
      y: '2%',
      data: ['图例一', '图例二', '图例三', '图例四', '图例五'],
      icon: 'circle',
      textStyle: {
        color: '#fff',
      }
    },
    calculable: true,
    series: [{
      name: '标题样式',
      type: 'pie',
      //起始角度，支持范围[0, 360]
      startAngle: 0,
      //饼图的半径，数组的第一项是内半径，第二项是外半径
      radius: [41, 110],
      //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
      center: ['50%', '20%'],
      //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
      // 'radius' 面积展现数据的百分比，半径展现数据的大小。
      //  'area' 所有扇区面积相同，仅通过半径展现数据大小
      roseType: 'area',
      //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
      avoidLabelOverlap: false,
      label: {
        normal: {
          show: true,
          formatter: '{c}%'
        },
        emphasis: {
          show: true
        }
      },
      labelLine: {
        normal: {
          show: true,
          length2: 1,
        },
        emphasis: {
          show: true
        }
      },
      data: [{
          value: 600,
          name: '图例一',
          itemStyle: {
            normal: {
              color: '#f845f1'
            }
          }
        },
        {
          value: 1100,
          name: '图例二',
          itemStyle: {
            normal: {
              color: '#ad46f3'
            }
          }
        },
        {
          value: 1200,
          name: '图例三',
          itemStyle: {
            normal: {
              color: '#5045f6'
            }
          }
        },
        {
          value: 1300,
          name: '图例四',
          itemStyle: {
            normal: {
              color: '#4777f5'
            }
          }
        },
        {
          value: 1400,
          name: '图例五',
          itemStyle: {
            normal: {
              color: '#44aff0'
            }
          }
        },

        {
          value: 0,
          name: "",
          label: {
            show: false
          },
          labelLine: {
            show: false
          }
        },
        {
          value: 0,
          name: "",
          label: {
            show: false
          },
          labelLine: {
            show: false
          }
        },
        {
          value: 0,
          name: "",
          label: {
            show: false
          },
          labelLine: {
            show: false
          }
        },
        {
          value: 0,
          name: "",
          label: {
            show: false
          },
          labelLine: {
            show: false
          }
        },
        {
          value: 0,
          name: "",
          label: {
            show: false
          },
          labelLine: {
            show: false
          }
        }
      ]
    }]
  };
  // 使用指定的配置创图标
myChart.setOption(option);
    window.addEventListener("resize", () => {
      myChart.resize();
    });
})();